<template>
  <div>
    <!-- @fn是一个自定义事件,handle是事件处理函数 -->
    <!-- 绑定自定义事件方式一:  -->
    <!-- <Test ref="yyy" @fn="handle"></Test> -->
    <Test ref="yyy"></Test>
  </div>
</template>

<script>
import Test from './components/Test.vue'
export default {
  components: {
    Test,
  },
  methods: {
    handle(data) {
      console.log(data)
    },
  },

  //组件挂载的时候,给Test绑定自定义事件
  mounted() {
    // 绑定自定义事件的方式二:
    this.$refs.yyy.$on('fn', this.handle)
  },
}
</script>

<style></style>
